---
order: 3
title: Examples and Templates
type: Graphics
group: Spine
label: Graphics/2D/Spine/example
---

The Galacean editor provides a series of tutorial examples to help you quickly get started with Spine animations.  
After entering the [Editor](https://galacean.antgroup.com/editor/projects), click the **Templates** tab on the left to view them.

---

### **Animation Control**  
This template demonstrates how to use the `setAnimation` and `addAnimation` APIs in `AnimationState` to orchestrate Spine animations:  
<Image src="https://mdn.alipayobjects.com/huamei_kz4wfo/afts/img/A*vk7CQLLrTwsAAAAAAAAAAAAADsp6AQ/original" alt="spine-animation" />

---

### **Animation Transitions and Blending**  
This template shows how to set transitions and blend animations across different tracks in Spine:  
<Image src="https://mdn.alipayobjects.com/huamei_kz4wfo/afts/img/A*VFbnQZyMqeUAAAAAAAAAAAAADsp6AQ/original" alt="spine-mix-blend" />

---

### **Mix-and-Match Customization**  
This template demonstrates Spine's mix-and-match customization capability. By combining attachments from different skins, you can create hybrid outfits:  
<Image src="https://mdn.alipayobjects.com/huamei_kz4wfo/afts/img/A*lGTMRpSaLZQAAAAAgPAAAAgAesp6AQ/original" alt="mix-and-match" />

---

### **Dynamic Partial Skin Replacement**  
This template demonstrates dynamic partial skin replacement. You can create new attachments from an additional atlas and replace existing ones at runtime:  
<Image src="https://mdn.alipayobjects.com/huamei_kz4wfo/afts/img/A*BwduS7ySLuEAAAAAAAAAAAAAesp6AQ/original" alt="spine-dynamic-change" />

---

Next Section: [Version and Performance](/en/docs/graphics/2D/spine/other)